<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Butter - Bootstrap Based Restaurant &amp; Cafe HTML5 Template.</title>

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">

<!-- Google fonts - witch you want to use - (rest you can just remove) -->
<link href='http://fonts.useso.com/css?family=Roboto:400,100,100italic,300,500,400italic,500italic,700,900' rel='stylesheet' type='text/css'>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!--  CSS STYLES  -->
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/Simple-Line-Icons-Webfont/simple-line-icons.css"/>
<link rel="stylesheet" href="css/et-line-font/et-line-font.css">

<!-- Responsive Devices Styles -->
<link rel="stylesheet" media="screen" href="css/responsive-leyouts.css" type="text/css" />

<!-- Mega Menu -->
<link href="js/mainmenu/menu.css" rel="stylesheet">

<!-- load css for cubeportfolio -->
<link rel="stylesheet" type="text/css" href="js/cubeportfolio/css/cubeportfolio.min.css">

<!-- Animations -->
<link href="js/animations/css/animations.min.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="site-wrapper">
  <header class="header headr-style-2">
    <div class="container">
      <div class="row"> 
        <!-- Menu -->
        <div class="navbar yamm navbar-default">
          <div class="container">
            <div class="navbar-header">
              <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
              <a href="index.html" class="navbar-brand logo"></a> </div>
            <div class="cart pull-right" style="float:right;" >
              <button class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-basket"></span><span class="cart-info">2</span> </button>
              <div class="dropdown-menu">
                <div class="wrapp-mini-cart">
                  <div class="mini-cart">
                    <h3 class="font-color font20">My Cart</h3>
                    <div class="cart-item">
                      <div class="cart-img"><img class="img-responsive" alt="" src="images/site-img01.jpg"></div>
                      <div class="cart-content">
                        <h4 class="item-name m-bottom1"><a href="#">Special Hot and Sour Soup</a></h4>
                        <p class="font16 font-color">$8.95</p>
                      </div>
                    </div>
                    <div class="cart-item">
                      <div class="cart-img"><img class="img-responsive" alt="" src="images/site-img02.jpg"></div>
                      <div class="cart-content">
                        <h4 class="item-name m-bottom1"><a href="#">Special Sweet Corn Soup</a></h4>
                        <p class="font16 font-color">$5.95</p>
                      </div>
                    </div>
                    <div class="cart-action"><span class="fleft top-checkout-price font20 font-color font-bold">$259.95</span> <a href="#" class="button-cart">View Cart</a> </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="navbar-collapse-1" class="navbar-collapse collapse pull-right dark-color nopadding">
              <nav>
                <ul class="nav navbar-nav">
                  <!-- Classic list -->
                 <li class="yamm-fw"><a href="index.html" >Home </a>
                   
                  </li>
                  <li class="yamm-fw"><a href="shop.html">Shop</a></li>
                  <li class="dropdown"><a href="about.html" class="dropdown-toggle">Pages <i class="fa fa-angle-down"></i></a>
                    <ul role="menu" class="dropdown-menu">
                      <li><a href="about.html">About Us</a></li>
                      <li><a href="services.html">Services</a></li>
                      <li><a href="our-chef.html">Our Chef</a></li>
                      <li><a href="shortcodes.html">Shortcodes</a></li>
                      <li><a href="login.html">Login Form</a></li>
                      <li><a href="register.html">Registration Form</a></li>
                    </ul>
                  </li>
                  <li class="dropdown"><a href="menu.html" class="dropdown-toggle">Menu <i class="fa fa-angle-down"></i></a>
                    <ul role="menu" class="dropdown-menu">
                      <li><a href="menu.html">Menu Style 1</a></li>
                      <li><a href="menu-2.html">Menu Style 2</a></li>
                      <li><a href="menu-3.html">Menu Style 3</a></li>
                      <li><a href="menu-4.html">Menu Left Sidebar</a></li>
                      <li><a href="menu-5.html">Menu Right Sidebar</a></li>
                    </ul>
                  </li>
                  <li class="yamm-fw"><a href="reservation.html">Reservation</a></li>
                  <li class="yamm-fw"><a href="gallery.html">Gallery</a></li>
                  <li class="dropdown"><a href="blog.html" class="dropdown-toggle">Blog <i class="fa fa-angle-down"></i></a>
                    <ul role="menu" class="dropdown-menu">
                      <li><a href="blog.html"> Blog Full Width</a> </li>
                      <li><a href="blog2.html"> Blog Standard</a> </li>
                      <li><a href="blog-post.html"> Single Post</a> </li>
                    </ul>
                  </li>
                  <li class="yamm-fw"><a href="contact.html">Contact</a></li>
                </ul>
              </nav>
              <div class="search-box no-display-phone">
                <form class="navbar-form" role="search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search here...!">
                    <span class="input-group-btn">
                    <button type="reset" class="btn btn-default"><span class="fa fa-close"> <span class="sr-only">Close</span></span> </button>
                    <button type="submit" class="btn btn-default"><span class="fa fa-search"> <span class="sr-only">Search here...!</span></span></button>
                    </span></div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <!-- end Header -->
  
  <div class="page-header one">
    <div class="container">
      <div class="col-md-6 left-padd0">
        <h3 class="font45 font-white uppercase">Menu</h3>
        <h4 class="font18 font-white font-thin m-top1">Restaurant Menu</h4>
      </div>
      <div class="col-md-6">
        <div class="breadcrumbs"><a href="index.html">Home</a> <i>/</i> <a href="#">Pages</a> <i>/</i> Menu</div>
      </div>
    </div>
  </div>
  <!-- end page header -->
  
  <div class="section-lg m-top8">
    <div class="container">
      <div id="js-filters-awesome-work" class="cbp-l-filters-work">
        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> SHOW ALL </div>
        <div data-filter=".identity" class="cbp-filter-item"> Starters </div>
        <div data-filter=".web-design" class="cbp-filter-item"> Beverages </div>
        <div data-filter=".graphic" class="cbp-filter-item"> Desserts </div>
        <div data-filter=".logos" class="cbp-filter-item"> Soup </div>
      </div>
      <div id="js-grid-awesome-work" class="cbp cbp-l-grid-work">
        <div class="cbp-item identity">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Chicken Soup</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>A traditional chicken soup delicately spiced.</p>
          </div>
        </div>
        <div class="cbp-item identity logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Gulab jamun</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Spongy milky balls soaked in rose.</p>
          </div>
        </div>
        <div class="cbp-item web-design graphic logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Tomato Soup</h3>
              <span class="price">$3.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Tomato soup prepared tomato and herbs.</p>
          </div>
        </div>
        <div class="cbp-item graphic logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Hot and Sour Soup</h3>
              <span class="price">$3.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>VEG. An exotic soup of chopped mixed vegetables.</p>
          </div>
        </div>
        <div class="cbp-item web-design graphic logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Sweet Corn Soup</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>VEG. Fresh vegetable stock with kernel corn.</p>
          </div>
        </div>
        <div class="cbp-item identity graphic web-design">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Samosa Choley</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>A traditional chicken soup delicately spiced.</p>
          </div>
        </div>
        <div class="cbp-item identity web-design logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Chicken "65"</h3>
              <span class="price">$3.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Chicken cubes are well marinated in secret spices.</p>
          </div>
        </div>
        <div class="cbp-item identity graphic web-design logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Chicken Chop</h3>
              <span class="price">$3.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Chicken pieces made in Tandoor Oven.</p>
          </div>
        </div>
        <div class="cbp-item identity graphic web-design">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Chicken Tikka</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Boneless juicy chunks of chicken in aromatic.</p>
          </div>
        </div>
        <div class="cbp-item identity graphic web-design logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Butter Chicken</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Shreded tandoori chicken smothered in tomato sauce.</p>
          </div>
        </div>
        <div class="cbp-item identity graphic web-design logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Egg Curry</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Boiled eggs cooked in masala sauce.</p>
          </div>
        </div>
        <div class="cbp-item graphic identity web-design logos">
          <div class="menu-card">
            <div class="menu-items">
              <h3>Paneer Tikka</h3>
              <span class="price">$4.95</span>
              <div class="dotted-lines"></div>
            </div>
            <p>Cubes of cottage cheese marinated in yogurt.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- end features section 1 -->
  
  <div class="section-lg bg-parallax m-top6">
    <div class="container">
      <div class="row">
        <h3 class="text-center font-bold font-white font15 uppercase">Testimonials</h3>
        <h2 class="text-center font-bold font-white font30 uppercase">What People Says</h2>
        <div class="title-line-shape m-bottom2"></div>
        <div data-ride="carousel" class="carousel slide" id="carousel-example-generic1"> 
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li class="" data-slide-to="0" data-target="#carousel-example-generic1"></li>
            <li data-slide-to="1" data-target="#carousel-example-generic1" class=""></li>
            <li data-slide-to="2" data-target="#carousel-example-generic1" class="active"></li>
          </ol>
          
          <!-- Wrapper for slides -->
          <div role="listbox" class="carousel-inner">
            <div class="item">
              <div class="col-md-10 sec-auto-margin text-center">
                <p class="font-white line-height30 font20 font-thin line-height">Nulla imperdiet sit amet magna. Vesti bulum elt dapibus, mauris nec malesuada fames ac turpis velit, nhoncus eu, luctus et interdum adipiscing wisi bulum elt dapibus, mauris malesuada fames Aliquam erat ac ipsum dipiscing Nulla amet elt wisi bulum Integer luctus et.</p>
                <p class="m-top2"><span class="font-color font18">John Deo</span> <span class="italic">/ from examedia</span></p>
              </div>
            </div>
            <div class="item">
              <div class="col-md-10 sec-auto-margin text-center">
                <p class="font-white line-height30 font20 font-thin line-height">Nulla imperdiet sit amet magna. Vesti bulum elt dapibus, mauris nec malesuada fames ac turpis velit, nhoncus eu, luctus et interdum adipiscing wisi bulum elt dapibus, mauris malesuada fames Aliquam erat ac ipsum dipiscing Nulla amet elt wisi bulum Integer luctus et.</p>
                <p class="m-top2"><span class="font-color font18">John Deo</span> <span class="italic">/ from examedia</span></p>
              </div>
            </div>
            <div class="item active">
              <div class="col-md-10 sec-auto-margin text-center">
                <p class="font-white line-height30 font20 font-thin line-height">Nulla imperdiet sit amet magna. Vesti bulum elt dapibus, mauris nec malesuada fames ac turpis velit, nhoncus eu, luctus et interdum adipiscing wisi bulum elt dapibus, mauris malesuada fames Aliquam erat ac ipsum dipiscing Nulla amet elt wisi bulum Integer luctus et.</p>
                <p class="m-top2"><span class="font-color font18">John Deo</span> <span class="italic">/ from examedia</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- end features section 3 -->
  
  <footer class="footer-bg m-top0">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-12 m-bottom2">
          <div class="call-to-action clearfix"><span class="fa fa-envelope-o font30 left"></span>
            <div class="feature-icon-col font-white left-padd9 m-top1">
              <h2 class="font20 font-white m-bottom1">Email</h2>
              <p><a href="mailto:info@example.com">info@example.com</a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-sm-12 m-bottom2">
          <div class="call-to-action clearfix"><span class="fa fa-phone font30 left"></span>
            <div class="feature-icon-col font-white left-padd9 m-top1">
              <h2 class="font20 font-white m-bottom1">Phone</h2>
              <p>+1 123 4567 890</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-sm-12 m-bottom2">
          <div class="call-to-action clearfix"><span class="fa fa-map-marker font30 left"></span>
            <div class="feature-icon-col font-white left-padd9 m-top1">
              <h2 class="font-white font20 m-bottom1">Location</h2>
              <p>Road #152, Chorley, NJ, USA</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <div class="copyrights">
    <div class="container">
      <div class="row text-center">
        <div class="col-md-12">
          <ul class="social-icons style-three">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa fa-flickr"></i></a></li>
            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
            <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
            <li><a href="#"><i class="fa fa-rss"></i></a></li>
          </ul>
        </div>
        <div class="col-md-12 m-top4"> Copyright &copy; 2016 yourdomian. All Rights Reserved. </div>
      </div>
    </div>
  </div>
  <!-- end footer --> 
</div>
<!-- site wrapper end --> 

<a href="#" class="scrollup"></a> 
<!-- end scroll to top of the page--> 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="js/jquery.min.js"></script> 

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 

<!-- load cubeportfolio --> 
<script type="text/javascript" src="js/cubeportfolio/jquery-latest.min.js"></script> 
<script type="text/javascript" src="js/cubeportfolio/jquery.cubeportfolio.min.js"></script> 

<!-- init cubeportfolio --> 
<script type="text/javascript" src="js/cubeportfolio/main5.js"></script> 

<!-- Scroll to Fixied Sticky --> 
<script src="js/mainmenu/sticky.js" type="text/javascript"></script> 

<!-- Scroll Up --> 
<script src="js/scrolltotop/totop.js" type="text/javascript"></script>
</body>
</html>